<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>基友♂之家</title>
		<link rel="icon" type="image/ico" href="../原生JS运用/img/aaa.ico"/>
		<style type="text/css">
			#id1{position: relative;
				margin-left: 50px;}
			#id2{position: relative;
				
				margin-left: 100px;}
			body{
				background-image: url(img/xgui.jpg);
				background-size: 100%;
			}
			#id233{position: fixed;
					left: 100px;
					top: 160px;
			}
			.c5{
				font-size: 12px;
				color: white;
				text-decoration: none;	
			}
			.c5:hover{
				font-size: 20px;
				color: pink;	
			}
			#id5:hover{
				font-size: 20px;
			}
			#id1111{
				display: none;
			}
			#id1111{
				width: 300px;height: 200px;
				border-radius: 20px 20px;
				position: relative;top: -280px;right: -320px;
			}
			#id233:hover #id1111{
				display: block;
			}
			.redborder{
				border: 6px solid red;
			}
			.yellowborder{
				border: 2px solid yellow;
			}
			.greenborder{
				border: 6px solid greenyellow;
			}
			
		</style>
			<link rel="stylesheet" type="text/css" href="css/闪烁字体.css"/>
	</head>
	<body>
	<div id="id111" >
		<form action="" method="get ">
		<p style="color: white;">点<a href="menword.html" id="id5" style="text-decoration: none;color: yellow;">"鸡"</a>这里更多精彩</p>
		<h2>OH!MAN!!尽情释放你的鸡情吧！！！！</h2>
		<div id="id233" style=" width: 300px;height: 280px; background-color: burlywood;">
			<div style="height: 50px; line-height: 50px;">
				<p align="center" style="color: white;font-size: 20px;">欢迎基友<font color="#FFD700">♂</font>登录</p>
				<p align="center" style="margin-top: -50px;font-size: 12px; color: white;">hello the best friends</p>
			</div>
			<div id="id5555">
			<p align="center" style="color: white;">姓名&nbsp;&nbsp;
				<input  type="text" name="name" placeholder="会员vip更多精彩等你哟"/>
			</p>
			<p align="center" style="color: white;">密码&nbsp;&nbsp;
				<input type="text" name="password" placeholder="密码登陆"/>
			</p>
			</div>
			<span class="c1"id="id1"  >
				<a class="c5" href="menword.html">忘记密码
				</a>
			</span>
			<span class="c1"id="id2" >
				<a class="c5" href="menword.html">
					找回密码
				</a></span>
			<p align="center"><button type="submit" style="width: 200px;">登录</button></p><br>
			<img id="id1111" src="img/jirounan1.jpg" />
			<h2 id="id1111"> 宝贝来一颗 奋战到天亮！！</h2>
		
		</div>
	
			<h2 style="width: 300px; position:relative;bottom: -380px;left: 670px;">这里是大型<font color="#FFD700">♂正规♂</font>交友网站</h2>
		
		</form>
	</div>
	<script type="text/javascript">
		function func1(){
			num1 =  parseInt(10*Math.random())
			if(num1>=7 ){document.getElementById('id233').className="redborder"}
			else if(num1<7&&num1>=4){document.getElementById('id233').className="yellowborder"}
			else if(num1<4){document.getElementById('id233').className="greenborder"}
		}
		function func2(){
			num2 =  parseInt(10*Math.random())
				if(num1>=5){document.getElementById('id5').className="c2345"}
			else if(num1<5){document.getElementById('id5').className="c3456"}
		}
		timename=window.setInterval("func1();func2()",200);
	</script>
	</body>
</html>
